// pages/main/index.js
Page({
  nav(e){ 
		let index=e.currentTarget.dataset.index 
		let url=this.data.contents[index].path 
		wx.navigateTo({ url }) 
  },
  
data:{
  contents:[{
    title:'第一个小程序页面',
    path:'/pages/me/index',
    jj:'如何添加新的页面，如何使用wxml来组织页面内容，组件VIEW,text,button的使用，页面数据的绑定，为组件添加事件比如bind：tap点击事件，在JS文件中编写逻辑代码，wsxx控制页面显示的样式，通过this.setData({})来动态设置页面数据'
  },{
    title:'猜猜猜小游戏',
    path:'/pages/caicaicai/index',
    jj:'input组件的使用，bindinput事件用来获取输入的数据，键值对"max:max,"可以简写成max，，用push()方法向数组的末尾添加新的元素，用parserInt()函数将字符串比如"256"转换成256，页面函数input：function（e）{}可以简写成input（e）{}，用wx:for进行列表的渲染，item代表当前渲染的数据项'
  },{
    title:'我们是朋友',
    path:'/pages/friends/indexz',
    jj:'列表渲染中的，每个元素都是对象{}，可以通过点.语法比如item.title来访问index代表当前渲染元素的索引号，还可以设置wx:key来提高渲染的性能。'
  },{
    title:'网络获取生活指数',
    path:'/pages/life/life',
    jj: '在onLoad生命周期函数中通过wx.request()来发起网络请求，succuss表示成功时要执行的操作，fail是失败时执行的操作，complete是不管成功还是失败都会执行，利用block来进行列表渲染'
  },{
    title: '组织所有讲课的内容',
    jj: '通过data-xxx="{{v}}"传递一些附加数据，绑定事件的组件称之为currentTarget，实际点击的组件称之为target，通过this.data来获取页面数据，通过wx.navigateTo({url})跳转到指定的页面'
  },{
    title: '音乐播放器',
    path:'/pages/music/music',
    jj: '数组的forEach遍历，通过this调用页面函数比如this.f()，利用InnerAudioContext对象播放歌曲，反引号字符串的使用，仅仅更新有修改的数组元素，除bind外，还可以使用catch绑定非冒泡事件，条件渲染，startTime设置开始播放的时间，onEnded监听歌曲播放结束，利用wx.setStorageSync()在页面onUnload时将数据缓存到手机，调试面板的Storage可以查看缓存的数据，onLoad时利用wx.getStorageSync()来获取缓存的数据',
  },{
    title: '在线影院',
    path:'/pages/flims/index',
    jj: '。。。',
  }]
  },
})